home *** CD-ROM | disk | FTP | other *** search
/ PC Open 103 / PC Open 103 CD 1.bin / CD1 / INTERNET / WEBDESIGN / Tsw WebCoder / tswwebcoder5en.exe / {app} / help / main.css < prev   
Encoding:
Cascading Style Sheet File  |  2004-05-08  |  3.4 KB  |  211 lines
  1. body{
  2.     margin: 0px;
  3.     background-color: #F3F7F8;
  4.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  5.     font-size: 11px;
  6. }
  7.  
  8. .headline{
  9.     color: #5190B8;
  10.     font-size: 14px;
  11.     font-weight: bold;
  12. }
  13.  
  14. .tablehead{
  15.     font-weight: bold;
  16. }
  17.  
  18. .leadhline{
  19.     color: black; 
  20.     font-size: 14px;
  21.     font-weight: bold;    
  22. }
  23.  
  24. .centered{
  25.     display: block;
  26.     text-align: center;
  27. }
  28.  
  29. .button{
  30.     display: block;
  31.     text-align: center;
  32.     background-color: #FFBD0F;
  33.     border: 1px solid black;
  34.     text-decoration: none;
  35.     font-weight: bold;
  36.     width: 100px;
  37.     margin-left: auto;
  38.     margin-right: auto;
  39.     padding: 10px 5px 10px 5px;
  40.     font-size: 11px;
  41. }
  42.  
  43. #lead{
  44.     border: 1px solid #8DB4C0;
  45.     padding: 5px; 
  46. }
  47.  
  48. /* header */
  49.  
  50. #header{
  51.     position: absolute;
  52.     top: 0px;
  53.     left: 0px;
  54.     background-color: #86B1CE;
  55.     background-image: url(img/header.gif);
  56.     background-repeat: no-repeat;
  57.     height: 120px;
  58.     width: 1005px;
  59. }
  60. /* body */
  61.  
  62. #container{
  63.     width: 100%;
  64. }
  65.  
  66. #content{
  67.     position: absolute;
  68.     top: 120px;
  69.     left: 190px;
  70.     width: 630px;
  71.     background-color: white;
  72.     border-bottom: 1px solid #8DB4C0;
  73.     border-right: 1px solid #8DB4C0;
  74.     border-left: 1px solid #8DB4C0;
  75.     padding-top: 50px;
  76.     padding-bottom: 10px;
  77.     padding-right: 10px;
  78.     padding-left: 10px;
  79. }
  80.  
  81. #tekst{
  82.     position: relative;
  83.     width: 450px;
  84.     padding-right: 10px;
  85.     float: left;
  86.     padding-bottom: 20px;
  87. }
  88.  
  89. #about{
  90.     position: relative;
  91.     width: 150px;
  92.     float: right;
  93.     font-size: 10px;
  94.    padding-bottom: 20px;
  95. }
  96.  
  97. /* right sidebar */
  98. #sidebar{
  99.     position: absolute;
  100.     top: 170px;
  101.     left: 835px;
  102.     width: 150px;
  103.     text-align: center;
  104. }
  105.  
  106. /* left sidemenu */
  107.  
  108. #menu{
  109.     position: absolute;
  110.     top: 170px;
  111.     left: 25px;
  112.     width: 136px;
  113.     background-color: #8DB4C0;
  114.     padding: 1px;
  115. }
  116.  
  117. div#menu-item a{
  118.     display: block;
  119.     width: 132px;
  120.     padding: 1px;
  121.     border: 1px solid #D9E6E9;
  122.     background-color: #E7EBF1;
  123.     text-align: center;
  124.     text-decoration: none;
  125.     color: black;
  126.     line-height: 20px;
  127. }
  128.  
  129. div#menu-item a:hover{
  130.     background-color: #C5CFDD;
  131.     color: black;
  132. }
  133.  
  134. /* tabbladen */
  135. ul#tab {
  136.     position: absolute;
  137.     left: 580px;
  138.     top: 120px;
  139.     height: 26px;
  140.     width: 410px;
  141.     border: 0;
  142.     padding: 0;
  143.     margin: 0;
  144.     list-style: none;
  145.     }
  146.  
  147. #tab li {
  148.     float: left;
  149.     text-align: center;
  150.     background: url(img/tabinactive.gif) top left no-repeat;
  151.     color: black;
  152.     }
  153.  
  154. #tab li a {
  155.     display: block;
  156.     width: 102px;
  157.     height: 26px;
  158.     line-height: 22px;
  159.     margin: 0;
  160.     color: black;
  161.     padding: 0px;
  162.     text-decoration: none;
  163.     background: url(img/tabinactive.gif) 0 -75px no-repeat;
  164.     }
  165.  
  166. #tab li a:hover {
  167.     background: url(img/tabactive.gif) top left no-repeat;
  168.     color: white;
  169.     font-weight: bold;
  170.     }
  171.  
  172. #tab li a:active {
  173.     background: url(img/tabactive.gif) 0 -50px no-repeat;
  174.     color: white;
  175.     font-weight: bold;
  176.     }
  177.  
  178. table.price{
  179.     border-bottom: 1px dotted #8DB4C0;
  180.     border-top: 1px dotted #8DB4C0;
  181.     padding: 10px 20px 10px 20px;
  182. }    
  183.  
  184. td{
  185.     padding: 5px 20px 5px 5px;
  186. }
  187.  
  188. /* current page */
  189.  
  190. body#home li#lhome a,
  191. body#support li#lsupport a,
  192. body#comp li#lcomp a,
  193. body#webdesign li#lwebdesign a {
  194.     background: url(img/tabactive.gif) top left no-repeat;
  195.     color: white;
  196.     font-weight: bold;
  197.     }
  198.  
  199. body#home a#intro,
  200. body#home a#feat,
  201. body#home a#tour,
  202. body#home a#versions,
  203. body#home a#download,
  204. body#home a#register,
  205. body#home a#order,
  206. body#comp a#intro,
  207. body#support a#intro {
  208.     background-color: #FFBD0F;
  209.     font-weight: bold;
  210. }
  211.